<include file="Public/min-header"/>
<link href="__PUBLIC__/plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
<script src="__PUBLIC__/plugins/daterangepicker/moment.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>

<style>
td{height:40px;line-height:40px; padding-left:20px;}
.span_1{
	float:left;
	margin-left:0px;
	height:130px;
	line-height:130px;
}
.span_1 ul{list-style:none;padding:0px;}
.span_1 ul li{
	border:1px solid #CCC;
	height:40px;
	padding:0px 10px;
	margin-left:-1px;
	margin-top:-1px;
	line-height:40px;
}
</style>
<div class="wrapper">
    <include file="Public/breadcrumb"/>
    <section class="content" style="padding:0px 15px;">
        <!-- Main content -->
        <div class="container-fluid">
            <div class="pull-right">
                <a href="javascript:history.go(-1)" data-toggle="tooltip" title="" class="btn btn-default" data-original-title="返回"><i class="fa fa-reply"></i></a>
            </div>
            <div class="panel panel-default">           
                <div class="panel-body ">   
                   	<ul class="nav nav-tabs">
                        <foreach name="group_list" item="vo" key="k">
                     		<li <if condition="$k eq 'water'">class="active"</if>><a href="javascript:void(0)" data-url="{:U('System/index',array('inc_type'=>$k))}" data-toggle="tab" onclick="goset(this)">{$vo}</a></li>
                     	</foreach>                        
                    </ul>
                    <!--表单数据-->
                    <form method="post" id="handlepost" action="{:U('System/handle')}">                    
                        <!--通用信息-->
                    <div class="tab-content" style="padding:20px 0px;">                 	  
                        <div class="tab-pane active" id="tab_tongyong">                           
                            <table class="table table-bordered">
                                <tbody>
                                <tr>
                                 <td>商品图片添加水印：</td>
                                    <td>
                                        <input type="radio"  name="is_mark" value="1" <if condition="$config['is_mark'] eq 1">checked</if>> 是
                                        <input type="radio"  name="is_mark" value="0" <if condition="$config['is_mark'] eq 0">checked</if>> 否
                                    </td>
                                 </tr>
                                <tr>
                                    <td>水印类型：</td>
                                    <td>
                                        <input type="radio" name="mark_type" value="text" onclick="setwarter('text')" <if condition="$config['mark_type'] eq 'text'">checked</if>> 文字 
                                        <input type="radio" name="mark_type" value="img" onclick="setwarter('img')" <if condition="$config['mark_type'] eq 'img'">checked</if>> 图片                                
                                    </td>
                                </tr>
                                <tr id="texttr" style="display:none;">
                                    <td>水印文字：</td>
                                    <td>
         								<input type="text"  style="width:300px;" name="mark_txt" id="mark_txt" value="{$config.mark_txt}" >                               
                                    </td>
                                </tr>
                                  
                                <tr id="imgtr" style="display:none;">
                                    <td>水印图片：</td>
                                    <td>
                         				<input type="text"  style="width:300px;" name="mark_img" id="mark_img" value="{$config.mark_img}" >
                                        <input type="button" onclick="GetUploadify(1,'','Public','call_back');" value="上传图片">                                        
                                    </td>
                                </tr>                        
                              	<tr>
                                    <td>水印添加条件：</td>
                                    <td>
                                        <input type="number"  pattern="^\d{1,}$" title="只能输入数字" name="mark_width" value="{$config.mark_width}" >  图片宽度 单位像素(px)
                                        <br>
                                        <input type="number"  pattern="^\d{1,}$" title="只能输入数字" name="mark_height" value="{$config.mark_height}">  图片高度 单位像素(px)                               
                                    </td>
                                </tr>
                                <tr>
                                    <td>水印透明度：</td>
                                    <td >
                                        <input type="range" style="width:300px;display:inline;" onChange="mark_degree2.value = this.value" value="{$config.mark_degree}" name="mark_degree"  min="1"   step="2" max="100" />
                                        <output id="mark_degree2" style="display:inline;color:red;">{$config.mark_degree}</output>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 0代表完全透明，100代表不透明
                                    </td>
                                </tr> 
                                <tr>
                                    <td>JPEG 水印质量：</td>
                                    <td>                                            
                                        <input type="range" style="width:300px;display:inline;" onChange="mark_quality2.value = this.value" value="{$config.mark_quality}" name="mark_quality"  min="1"   step="2" max="100" />
                                        <output id="mark_quality2" style="display:inline;color:red;">{$config.mark_quality}</output>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 水印质量请设置为0-100之间的数字,决定 jpg 格式图片的质量                                          
                                    </td>
                                </tr> 
                                <tr>
                                    <td>水印位置：</td>
                                    <td >
                                        <div style="height:124px; background:#fff">
                                                <span class="span_1">
                                                        <ul>
                                                           <li><input type="radio" name="sel" value="1"<if condition="$config['sel'] eq '1'">checked</if>>&nbsp;顶部居左</li>
                                                           <li><input type="radio" name="sel" value="2" <if condition="$config['sel'] eq '2'">checked</if>>&nbsp;中部居左</li>
                                                           <li><input type="radio" name="sel" value="3" <if condition="$config['sel'] eq '3'">checked</if>>&nbsp;底部居左</li>
                                                        </ul>	
                                                </span>	
                                                <span class="span_1">
                                                        <ul>
                                                           <li><input type="radio" name="sel" value="4" <if condition="$config['sel'] eq '4'">checked</if>>&nbsp;顶部居中</li>
                                                           <li><input type="radio" name="sel" value="5" <if condition="$config['sel'] eq '5'">checked</if>>&nbsp;中部居中</li>
                                                           <li><input type="radio" name="sel" value="6" <if condition="$config['sel'] eq '6'">checked</if>>&nbsp;底部居中</li>
                                                        </ul>	
                                                </span>	
                                                <span class="span_1">
                                                        <ul>
                                                           <li><input type="radio"  name="sel" value="7" <if condition="$config['sel'] eq '7'">checked</if>>&nbsp;顶部居右</li>
                                                           <li><input type="radio"  name="sel" value="8" <if condition="$config['sel'] eq '8'">checked</if>>&nbsp;中部居右</li>
                                                           <li><input type="radio"  name="sel" value="9" <if condition="$config['sel'] eq '9'">checked</if>>&nbsp;底部居右</li>
                                                        </ul>	
                                                </span>	
                                        <div style="clear:both;"></div>
                                        </div>                              
                                    </td>
                                </tr>
                                                               
                                </tbody> 
                                <tfoot>
                                	<tr>
                                	<td><input type="hidden" name="inc_type" value="{$inc_type}"></td>
                                	<td class="text-right"><input class="btn btn-primary" type="buuton" onclick="adsubmit()" value="保存"></td></tr>
                                </tfoot>                               
                                </table>
                        </div>                           
                    </div>              
			    	</form><!--表单数据-->
                </div>
            </div>
        </div>
    </section>
</div>
<script>
function adsubmit(){
	$('#handlepost').submit();
}

$(document).ready(function(){
	get_province();
	var marktype = "{$config['mark_type']}";
	if(marktype == 'text'){
		$('#texttr').show();
	}else{
		$('#imgtr').show();
	}
});

function goset(obj){
	window.location.href = $(obj).attr('data-url');
}
   
// 上传水印图片成功回调函数
function call_back(fileurl_tmp){
    $("#mark_img").val(fileurl_tmp);    
}

function setwarter(marktype){
	if(marktype == 'text'){
		$('#texttr').show();
		$('#imgtr').hide();
	}else{
		$('#texttr').hide();
		$('#imgtr').show();
	}
}
</script>

</body>
</html>